<!--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>梦幻婚礼主题店</title><link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Wedding Store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- start menu -->
<script src="js/simpleCart.min.js"> </script>
<!-- start menu -->
<link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/memenu.js"></script>
<script>$(document).ready(function(){$(".memenu").memenu();});</script>	
<link rel="stylesheet" href="../res/layui/css/layui.css" media="all">
		<script src="../res/layui/layui.js"></script>
<!-- /start menu -->
</head>
<body> 
<!--header-->	
<div class="top_bg">
	<div class="container">
		<div class="header_top-sec">
			<div class="top_right">
				<ul>
					<li><a href="#">帮助</a></li>|
					<li><a href="contact.html">联系</a></li>|
					<li><a href="login.html">跟踪订单</a></li>
				</ul>
			</div>
			<div class="top_left">
				<ul>
					<li class="top_link">Email:<a href="mailto:info@example.com">mail@example.com</a></li>|
					<li class="top_link"><a href="login.html">我的账户</a></li>					
				</ul>
			</div>
				<div class="clearfix"> </div>
		</div>
	</div>
</div>
<div class="header-top">
	 <div class="header-bottom">
		 <div class="container">			
				<div class="logo">
					<a href="index.html"><h1>梦幻婚礼</h1></a>
				</div>
			 <!---->
		 
			 <div class="top-nav">
				<ul class="memenu skyblue"><li class="active"><a href="index.html">首页</a></li>
					<li class="grid"><a href="#">婚礼</a>
						<div class="mepanel">
							<div class="row">
								<div class="col1 me-one">
									<h4>商店</h4>
									<ul>
										<li><a href="product.html">New Arrivals</a></li>
										<li><a href="product.html">新郎</a></li>
										<li><a href="product.html">新娘</a></li>
										<li><a href="product.html">品牌</a></li>
										<li><a href="product.html">花童</a></li>
										<li><a href="product.html">登录</a></li>
										<li><a href="product.html">品牌</a></li>
										<li><a href="product.html">我的购物车</a></li>
									</ul>
								</div>
								<div class="col1 me-one">
									<h4>样式区域</h4>
									<ul>
										<li><a href="product.html">新郎</a></li>
										<li><a href="product.html">新娘</a></li>
										<li><a href="product.html">品牌</a></li>
										<li><a href="product.html">花童</a></li>
										<li><a href="product.html">配饰</a></li>
										<li><a href="product.html">拍摄风格</a></li>
									</ul>	
								</div>
								<div class="col1 me-one">
									<h4>受欢迎的品牌</h4>
									<ul>
									
										<li><a href="product.html">李维斯</a></li>
										<li><a href="product.html">Nike</a></li>
										<li><a href="product.html">埃德温</a></li>
										
										<li><a href="product.html">杰克与琼斯</a></li>
										<li><a href="product.html">Paul Smith</a></li>
										<li><a href="product.html">Ray-Ban</a></li>
										<li><a href="product.html">木木材</a></li>
									</ul>	
								</div>
							</div>
						</div>
					</li>
					<li class="grid"><a href="#"></a>
						<div class="mepanel">
							<div class="row">
								<div class="col1 me-one">
									<h4>Shop</h4>
									<ul>
										<li><a href="product.html">New Arrivals</a></li>
										<li><a href="product.html">新郎</a></li>
										<li><a href="product.html">新娘</a></li>
										<li><a href="product.html">品牌</a></li>
										<li><a href="product.html">花童</a></li>
										<li><a href="product.html">登录</a></li>
										<li><a href="product.html">品牌</a></li>
										<li><a href="product.html">我的购物车</a></li>
									</ul>
								</div>
								<div class="col1 me-one">
									<h4>Style Zone</h4>
									<ul>
										<li><a href="product.html">新郎</a></li>
										<li><a href="product.html">新娘</a></li>
										<li><a href="product.html">品牌</a></li>
										<li><a href="product.html">花童</a></li>
										<li><a href="product.html">配饰</a></li>
										<li><a href="product.html">拍摄风格</a></li>
									</ul>	
								</div>
								<div class="col1 me-one">
									<h4>Popular Brands</h4>
									<ul>
										<li><a href="product.html">李维斯</a></li>
										<li><a href="product.html">Nike</a></li>
										<li><a href="product.html">埃德温</a></li>
										
										<li><a href="product.html">杰克与琼斯</a></li>
										<li><a href="product.html">Paul Smith</a></li>
										<li><a href="product.html">Ray-Ban</a></li>
										<li><a href="product.html">木木材</a></li>
									</ul>	
								</div>
							</div>
						</div>
					</li>
				
					<li class="grid"><a href="contact.html">联系我们</a></li>
				</ul>
				<div class="clearfix"> </div>
			 </div>
			 <!---->
			 <div class="cart box_1">
				 <a href="checkout.html">
					<h3> <div class="total">
					<span class="simpleCart_total"></span> (<span id="simpleCart_quantity" class="simpleCart_quantity"></span>)</div>
					<span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></h3>
				</a>
				<p><a href="javascript:;" class="simpleCart_empty">Empty Cart</a></p>
			 	<div class="clearfix"> </div>
			 </div>
			 <div class="clearfix"> </div>
			 <!---->			 
			 </div>
			<div class="clearfix"> </div>
	  </div>
</div>
<!---->
<div class="container">
	  <ol class="breadcrumb">
		  <li><a href="index.html">Home</a></li>
		  <li class="active">帐户</li>
		 </ol>
	 <div class="registration">
		 <div class="registration_left">
			 <h2>新用户? <span> 创建帐户 </span></h2>
			 <!-- [if IE] 
				< link rel='stylesheet' type='text/css' href='ie.css'/>  
			 [endif] -->  
			  
			 <!-- [if lt IE 7]>  
				< link rel='stylesheet' type='text/css' href='ie6.css'/>  
			 <! [endif] -->  
			 <script>
				(function() {
			
				// Create input element for testing
				var inputs = document.createElement('input');
				
				// Create the supports object
				var supports = {};
				
				supports.autofocus   = 'autofocus' in inputs;
				supports.required    = 'required' in inputs;
				supports.placeholder = 'placeholder' in inputs;
			
				// Fallback for autofocus attribute
				if(!supports.autofocus) {
					
				}
				
				// Fallback for required attribute
				if(!supports.required) {
					
				}
			
				// Fallback for placeholder attribute
				if(!supports.placeholder) {
					
				}
				
				// Change text inside send button on submit
				var send = document.getElementById('register-submit');
				if(send) {
					send.onclick = function () {
						this.innerHTML = '...Sending';
					}
				}
			
			 })();
			 </script>
			 <div class="registration_form">
			 <!-- Form -->
				<form id="aiyouwoqu" action="contact.php" method="post">
					<div>
						<label>
							<input id="username" name="username" placeholder="名字:" type="text" tabindex="1"  required autofocus>
						</label>
					</div>
					
					<div>
						<label>
							<input id="useremail" name="useremail" placeholder="电子邮件地址:" type="email" tabindex="3" required>
						</label>
					</div>
					<div>
						<label>
							<input id="useriphone"  name="useriphone" placeholder="电话:" type="text" tabindex="3" required>
						</label>
					</div>					
						<div class="sky_form1">
							<ul>
								<li><label class="radio left"><input type="radio" name="radio" checked=""><i></i>男</label></li>
								<li><label class="radio"><input type="radio" name="radio"><i></i>女</label></li>
								<div class="clearfix"></div>
							</ul>
						</div>					
					<div>
						<label>
							<input id="userpassword" name="userpassword" placeholder="密码" type="password" tabindex="4" required>
						</label>
					</div>						
					
					<div>
						<input type="submit" value="create an account" id="register-submit" lay-submit lay-filter="fack">
					</div>
					<div class="sky-form">
						<label class="checkbox"><input type="checkbox" name="checkbox" ><i></i>i agree to mobilya.com &nbsp;<a class="terms" href="#"> terms of service</a> </label>
					</div>
				</form>
				<!-- /Form -->
			 </div>
		 </div>
		 <div class="registration_left">
			 <h2>现有用户</h2>
			 <div class="registration_form">
			 <!-- Form -->
				<form id="registration_form" action="contact.php" method="post">
					<div>
						<label>
							<input placeholder="电子邮件:" type="email" tabindex="3" required>
						</label>
					</div>
					<div>
						<label>
							<input placeholder="" type="password" tabindex="4" required>
						</label>
					</div>						
					<div>
						<input type="submit" value="登录" id="register-submit">
					</div>
				
				</form>
			 <!-- /Form -->
			 </div>
		 </div>
		 <div class="clearfix"></div>
	 </div>
</div>
<!---->
<div class="shoping">
	 <div class="container">
		 <div class="shpng-grids">
			 <div class="col-md-4 shpng-grid">
				 <h3>Free Shipping</h3>
				 <p>On Order Over Rs999</p>
			 </div>
			 <div class="col-md-4 shpng-grid">
				 <h3>Order Return</h3>
				 <p>Return Within 14days</p>
			 </div>
			 <div class="col-md-4 shpng-grid">
				 <h3>COD</h3>
				 <p>Cash On Delivery</p>
			 </div>
			 <div class="clearfix"></div>
		 </div>
	 </div>
</div>
<!---->
<div class="footer">
	 <div class="container">
		 <div class="ftr-grids">
			 <div class="col-md-3 ftr-grid">
				 <h4>About Us</h4>
				 <ul>
					 <li><a href="#">Who We Are</a></li>
					 <li><a href="contact.html">Contact Us</a></li>
					 <li><a href="#">Our Sites</a></li>
					 <li><a href="#">In The News</a></li>
					 <li><a href="#">Team</a></li>
					 <li><a href="#">Carrers</a></li>					 
				 </ul>
			 </div>
			 <div class="col-md-3 ftr-grid">
				 <h4>Customer service</h4>
				 <ul>
					 <li><a href="#">FAQ</a></li>
					 <li><a href="#">Shipping</a></li>
					 <li><a href="#">Cancellation</a></li>
					 <li><a href="#">Returns</a></li>
					 <li><a href="#">Bulk Orders</a></li>
					 <li><a href="#">Buying Guides</a></li>					 
				 </ul>
			 </div>
			 <div class="col-md-3 ftr-grid">
				 <h4>Your account</h4>
				 <ul>
					 <li><a href="account.html">Your Account</a></li>
					 <li><a href="#">Personal Information</a></li>
					 <li><a href="#">Addresses</a></li>
					 <li><a href="#">Discount</a></li>
					 <li><a href="#">Track your order</a></li>					 					 
				 </ul>
			 </div>
			 <div class="col-md-3 ftr-grid">
				 <h4>Categories</h4>
				 <ul>
					 <li><a href="#">> Wedding</a></li>
					 <li><a href="#">> Jewellerys</a></li>
					 <li><a href="#">> Shoes</a></li>
					 <li><a href="#">> Flowers</a></li>
					 <li><a href="#">> Cakes</a></li>
					 <li><a href="#">...More</a></li>					 
				 </ul>
			 </div>
			 <div class="clearfix"></div>
		 </div>		
	 </div>
</div>
<!---->
 <div class="copywrite">
	 <div class="container">
			 <p>Copyright © 2015 Wedding Store All rights reserved | Design by <a href="http://w3layouts.com">W3layouts</a></p>
		 </div>
</div>	
<script>
	
	
		layui.use(['layer', 'form'], function() {
			var $ = layui.$ //jquery
				,
				layer = layui.layer //弹层
				,
				form = layui.form //表单	

				//登录
			
		form.on('submit(fack)', function(data) {
				var str = $("#aiyouwoqu").serialize();
				$.post("../user/insertUser", str, function(result) {
					if(result.code === '0') {
						layer.alert(result.msg);
						//当你在iframe页面关闭自身时
						/*var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
						parent.layer.close(index); //再执行关闭 
						parent.layui.$("#sousuo").click();*/
					} else {
						layer.alert(result.msg);
					}
				}, "json");
				return false;
			});
		
});
	</script> 
</body>
</html>